// module.exports = {
//   stories: ['../src/**/*.stories.tsx'],
//   addons: [
//     '@storybook/preset-create-react-app',
//     '@storybook/addon-actions',
//     '@storybook/addon-links',
//   ],
//   webpackFinal: async config => {
//     config.module.rules.push({
//       test: /\.(ts|tsx)$/,
//       use:[
//         // {
//         //   loader:require.resolve('react-docgen-typescript-loader'),
//         //   options:{
//         //     shouldExtractLiteralValuesFromEnum:true,
//         //     propFilter:function(prop){
//         //       if (prop.parent) {
//         //         return !prop.parent.fileName.includes('node_modules');
//         //       }
//         //       return true;
//         //     }
//         //   }
//         // },
//         {
//           loader: require.resolve('babel-loader'),
//           options: {
//             presets: [
//               ['react-app', { flow: false, typescript: true }]
//             ]
//           },
//         }
//       ]
//     });
//     config.resolve.extensions.push('.ts', '.tsx');
//     return config;
//   },
// };

// module.exports = {
//   stories: ['../src/**/*.stories.tsx'],
//   webpackFinal: async config => {
//       config.module.rules.push({
//         test: /\.(ts|tsx)$/,
//         loader: require.resolve('babel-loader'),
//         options: {
//           presets: [['react-app', { flow: false, typescript: true }]],
//         },
//       });
//       config.resolve.extensions.push('.ts', '.tsx');
//       return config;
//     },
// };

module.exports = {
  stories: ['../src/**/*.stories.tsx'],
  webpackFinal: async config => {
      config.module.rules.push({
        test: /\.(ts|tsx)$/,
        use:[
          {
            loader:require.resolve('react-docgen-typescript-loader'),
            options:{
              shouldExtractLiteralValuesFromEnum:true,
              propFilter:function(prop){
                if (prop.parent) {
                  return !prop.parent.fileName.includes('node_modules');
                }
                return true;
              }
            }
          },
          {
            loader: require.resolve('babel-loader'),
            options: {
              presets: [
                ['react-app', { flow: false, typescript: true }]
              ]
            },
          }
        ]
      });
      config.resolve.extensions.push('.ts', '.tsx');
      return config;
    },
};
  